<template>
  <div class="echart-part">
    <echart-title :title="para.title"></echart-title>
    <div class="myechart_content">
      <dv-scroll-board :config="config" style="width:100%;height:100%" />
    </div>
  </div>
</template>

<script>
const echarts = require('echarts')
import echartTitle from "../common/echart-title";
export default {
  name: 'state-data',
  props: {
    para: {}
  },
  components: {
    echartTitle
  },
  data() {
    return {
      config:{
        header: ['城市', '新增确诊', '新增死亡'],
        data: [
          ['北京', '253', '5'],
          ['上海', '354', '9'],
          ['深圳', '25', '0'],
          ['西安', '168', '4'],
          ['武汉', '353', '5'],
          ['郑州', '280', '3'],
          ['重庆', '140', '2'],
          ['石家庄', '148', '1'],
          ['成都', '130', '1'],
        ],
        headerBGC:'rgba(0,174,255,0.4)',
        oddRowBGC:'rgba(0,174,255,0)',
        evenRowBGC:'rgba(0,174,255,0.1)'
      }
    }
  },
  mounted() {
  },
  beforeDestroy() {
    if (this.timer) { //如果定时器还在运行 或者直接关闭，不用判断
      clearInterval(this.timer) //关闭
    }
  },

  methods: {
    getData() {
    },
  }
}
</script>

<style scoped>

.myechart_content {
  padding: 16px 24px;
  background: rgba(17, 35, 60, 0.50);
  border-radius: 10px;
  width: 98%;
  height: 100%;
}

</style>

